*{
    margin: 0;
    padding: 0;
}

.course_type_list{
    list-style: none;
    overflow: hidden;
}
.course_type_list li{
    float: left;

}
a{
    color: #333;
    text-decoration: none;
}
.box{
    width: 240px;
    height:240px;
    background-color: #fff;
    margin: 12px;
    border-radius: 5%;
    box-shadow: 0 0 8px #333;
}
.box hr{
    width: 90%;
    margin: 4px auto;
}
.box img{
    /* 保证图片宽度和容器一样宽 */
    width: 100%;
    height: 50%;
    border-radius:6% 6% 0 0 ;

}

.userimg{
    width: 32px;
    height: 32px;

}

.review{
    height: 70px;
    font-size: 14px;
    /* 本段落无width属性，padding不会撑开盒子 */
    padding: 0 28px;
    margin-top: 30px;
}
.appraise{
    font-size: 12px;
    color:#b0b0b0;;
    margin-top:20px;
    padding: 0 28px;
}

/* 课程基本信息 */
.info{
    font-size: 14px;
    margin-top: 12px;
    padding: 0 28px;
}
.info h4{
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
}
.info span{
    color: red;
    float: right;
    font-size: 16px;
}
.info em{
    font-style:normal;
    color:#ebe4e0;
    margin: 0 6px 0 15px;
}
.info .duration{
  font-size: 14px;
  color:#b0b0b0;
}

/* 授课教师及课程分类信息 */
.tinfo{
    font-size: 14px;
    margin-top: 12px;
    padding: 0 28px;
}
.tinfo .uimg{
    display: inline-block;
    vertical-align: center;
}

.tinfo .uimg img{
    border-radius: 50%;
     width: 28px;
     height: 28px;
     object-fit: cover;
     object-position: center;
     vertical-align: middle;
}

.tinfo .username{
    display: inline-block;
    font-size: 12px;
    color:#b0b0b0;
    margin-left: 3px;
    width: 50px;
}

.tinfo .coursetype{
    float: right;
    padding-top: 5px;
    font-size: 12px;
    color:#b0b0b0;;
}
.tinfo .visitedicon{
  color:#b0b0b0;
  width: 15px;
  margin-left: 5px;
}
.tinfo .praisedicon{
  color:#b0b0b0;
  width: 15px;
  margin-left: 15px;
}

.tinfo .visitednum{
  font-size: 12px;
  color:#b0b0b0;
  width: 25px;
}
.tinfo .praisednum{
  font-size: 12px;
  color:#b0b0b0;
  width: 25px;
}


/* 课程发布时间及点赞，浏览信息 */
.dinfo{
    font-size: 12px;
    margin-top: 8px;
    padding: 0 28px;
}

.dinfo .time{
    float: left;
    padding-top: 7px;
    font-size: 12px;
    color:#b0b0b0;;
}

.dinfo .view{
    float: right;
    padding-top: 7px;
    font-size: 12px;
    color:#b0b0b0;
    padding-left: 10px;
}

.dinfo .praise{
    float: right;
    padding-top: 7px;
    font-size: 12px;
    color:#b0b0b0;
    padding-left: 10px;
}
.dinfo .button{
  float: right;
  padding-top: 5px;
  font-size: 15px;
}
.dinfo .ing{
  float: left;
  padding-top: 5px;
  font-size: 12px;
  color:#b0b0b0
}
.dinfo .section{
  float: left;
  font-size: 10px;
  width: 70px;
  color: blue;
}

/*去掉列表的符号*/
ul li{
  list-style: none;
}
